<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>一叶金陵天气网</title>
</head>
<link rel="stylesheet" href="../src/css/ratchet.css">
<script language="javascript" src="../src/js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script language="javascript" src="../src/js/sliders.js" type="text/javascript"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script> 
<script language="javascript" src="../src/js/mob-getjson.js" type="text/javascript"></script>
<style>
	.window{
		display:none;
		position:absolute;
		top:50%;
		text-align:center;
		width:12%;
		height:250px;
		filter:Alpha(opacity=60);
		box-shadow:10px 10px 20px rgba(0,0,0,0.5);
		background:#000;
		background-color:rgba(0, 0, 0, 0.6);
		font:"微软雅黑";
		color:#FFF;
		}
	#yesDay{
		position:absolute;
		left:12%;
		}
	#toDay{
		position:absolute;
		left:25%;
		}
	#secDay{
		position:absolute;
		left:38%;
		}
	#thrDay{
		position:absolute;
		left:51%;
		}
	#fouDay{
		position:absolute;
		left:64%;
		}
	#fifDay{
		position:absolute;
		left:77%;
		}
</style>
<body>
<div class="content">
	<header class="bar bar-nav">
  		<h1 class="title"><font face="微软雅黑">一叶金陵天气网</font></h1>
	</header>
    <br>
    <br>
    <div align="center">
		<br>
        <button class="btn btn-primary" style="width:200px;height:40px" onClick="getweather();"><font style="font-weight:bold;" size="4" face="微软雅黑">显示当前天气</font></button>
	</div>

    <div class="content-padded">
    	<div align="center" id="nowweather" style="display:none;">
        <button class="btn-positive" style="width:200px;height:40px" onClick="nextweather();"><font style="font-weight:bold;" size="4" face="微软雅黑">显示最近六天的天气</font></button>
        <br/><br/><br/><br/><br/><br/>
		 	<font id="city" face="微软雅黑" style="font-size:24px"></font><br/>
         <br/>
        	<font face="微软雅黑" style="font-size:15px">当前温度：</font><br/><br/><font id="nowTem"></font><br/>
         <br/>	
         	<font face="微软雅黑" style="font-size:15px">当前风力：</font><br/><br/><font id="nowFeng"></font><br/>
         <br/>	
            <font face="微软雅黑" style="font-size:15px">当前空气质量指数：</font><br/><br/><font id="nowAqi"></font><br/>
         <br/>    
            <font face="微软雅黑" style="font-size:15px">天气：</font><br/><br/><font id="nowType"></font><br/>
            <br/><br/>
    </div>
 
    <div align="center" id="weather">

       <div id="yesDay" class="window">
        	<h2 id="yesDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
     </div>
    

      <div id="toDay" class="window">
        	<h2 id="toDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
    	</div>

      <div id="secDay" class="window">
        	<h2 id="secDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
    	</div>

     <div id="thrDay" class="window">
        	<h2 id="thrDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
    	</div>

     <div id="fouDay" class="window">
        	<h2 id="fouDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
    	</div>

      <div id="fifDay" class="window">
        	<h2 id="fifDate"></h2>
            <ul><h3></h3></ul>
            <ul><h4></h4></ul>
            <ul><h4></h4></ul>
      </div>
</div>

</div>
	<nav class="bar bar-tab">
  		<a class="tab-item active" href="search.html">
    		其他城市查询
  		</a>
	</nav>
</body>
</html>
